<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>location地址栏对象</title>
    <style>
        p{
            text-align: center;
        }
        span{
            color: red;
        }
    </style>
</head>
<body>
    <p>
        注册成功！<span id="sp">5</span>秒之后自动跳转到首页...
    </p>

</body>
<script>
         //获取地址栏中的地址
      //console.log(location.href);
      //设置地址栏中的地址.页面跳转
  //  location.href="http://www.itheima.com";
    let time= 5;
    //1.设置计时器
    let timerId=setInterval(()=>{
        time--;
        document.querySelector("#sp").innerHTML=time ;
        //如果时间为0,就跳转
        if(time == 0) {
         //2.在计时器方法中,跳转页面
            location.href="http://www.itheima.com";
            //取消定时器
            clearInterval(timerId)
        }
         },1000)
</script>
</html>